<template>
	<div class="newPage-confirm">
		<x-header :left-options="{backText: ''}" class="head">信息确认</x-header>
		<div class="status">
			<img src="../../assets/msg-imgs/msh_role01.png" />
			<p>据说申请马上花的都是些有身份的人</p>
		</div>
		<ul class="photo">
			<li><span>身份证正面</span></li>
			<li><span>身份证反面</span></li>
		</ul>
		<div class="input-msg">
			<group>
				<x-input label-width="1.5rem" class="fix-label" title="姓名" placeholder="拍摄身份证后自动识别" :required="false"></x-input>
				<x-input label-width="1.5rem" class="fix-label" title="身份证号" placeholder="拍摄身份证后自动识别" :required="false"></x-input>
			</group>
			<button class="btn-next">下一步</button>
		</div>
		<div class="contact-user">
			<span>联系客服</span>
		</div>
	</div>
</template>

<script>
	import { XHeader, XInput, Group, Cell } from 'vux'
	export default {
		components: {
	      XHeader,
	      XInput,
	      Group,
	      Cell
	    },
	    created(){
	      document.title = '马上花';
	    },
	    data () {
	      return {
	        show: false
	      }
	    }
	}
</script>

<style lang="less" rel="stylesheet/less">
	@import '../styles/main.less';
	body {
		background: #F2F2F2;
	}
	.newPage-confirm {
		.head {
			background: #F8F8F8;
			h1 {
				color: #030303;
				font-size: .4rem;
			}
		}
		.status {
			text-align: center;
			margin-top: .2rem;
			p {
				font-size: .28rem;
				margin-top: .1rem;
			}
		}
		.photo {
			padding: 0 3%;
			text-align: center;
			li {
				display:inline-block;
				width: 43%;
				background: #E4E4E4 url('../../assets/msg-imgs/camera.png') center 75% no-repeat;
				background-size: .5rem auto;
				text-align: center;
				border-radius: .05rem;
				&:first-child {
					margin-right: 3%;
				}
				&:last-child {
					margin-left: 3%;
				}
				span {
					display:block;
					padding: .3rem 0 .8rem;
					font-size: .32rem;
				}
			}
		}
		.input-msg {
			.fix-label {
				padding-left: .4rem;
				padding-right: .4rem;
			}
		}
		.contact-user {
			margin-top: 1rem;
			text-align: center;
			span {
				font-size: .26rem;
				color: #909090;
			}
		}
	}
</style>